<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>地下管线</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/statistics/statisticsLine.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
	</head>

	<body ontouchstart>
		<div class="statistics-line-title hidden">
			<div class="fa fa-angle-left" @click="back"></div>
			<div class="tab">
				<div class="needsclick" @click="chaXun">查询</div>
				<div class="needsclick" @click="ruKu">入库</div>
				<div class="needsclick" @click="zongBiao">管线数据</div>
				<div class="needsclick" @click="gongYe" style="-webkit-box-flex: 1;">长输工业管线</div>
			</div>
		</div>
		<div class="loader">
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
		</div>
		<div class="statistics-line-body">
			<div class="statistics-line-list hidden">
				<!--查询界面-->
				<div class="statistics-line-item" v-for="item in lineData" v-if="indexNum==1">
					<div class="row1">
						<div class="title" v-html="item.PRJNAME"></div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px;">工程编号：{{item.GCCODE}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-random" style="color:#F79C34;"></div>
						<div style="margin-left: 5px;">管线长度：{{item.GXLENGTH}}km</div>
					</div>
					<div class="row2" v-if="item.GSLEN!=0&item.GSLEN!=null">
						<div style="margin-left: 19px;">给水管线：{{item.GSLEN}}km</div>
					</div>
					<div class="row2" v-if="item.PSLEN!=0&item.PSLEN!=null">
						<div style="margin-left: 19px;">排水管线：{{item.PSLEN}}km</div>
					</div>
					<div class="row2" v-if="item.RQLEN!=0&item.RQLEN!=null">
						<div style="margin-left: 19px;">燃气管线：{{item.RQLEN}}km</div>
					</div>
					<div class="row2" v-if="item.DXLEN!=0&item.DXLEN!=null">
						<div style="margin-left: 19px;">电信管线：{{item.DXLEN}}km</div>
					</div>
					<div class="row2" v-if="item.RLLEN!=0&item.RLLEN!=null">
						<div style="margin-left: 19px;">热力管线：{{item.RLLEN}}km</div>
					</div>
					<div class="row2" v-if="item.DLLEN!=0&item.DLLEN!=null">
						<div style="margin-left: 19px;">电力管线：{{item.DLLEN}}km</div>
					</div>
					<div class="row2" v-if="item.GYLEN!=0&item.GYLEN!=null">
						<div style="margin-left: 19px;">工业管线：{{item.GYLEN}}km</div>
					</div>
					<div class="row2" v-if="item.ZSLEN!=0&item.ZSLEN!=null">
						<div style="margin-left: 19px;">中水管线：{{item.ZSLEN}}km</div>
					</div>
					<div class="row2">
						<div class="fa fa-calendar" style="margin-right: 5px; color: #00A0E9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				<!--入库界面-->
				<div class="statistics-line-item" v-for="item in lineData" v-if="indexNum==2">
					<div class="row1">
						<div class="title" v-html="item.PRJNAME"></div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px;">工程编号：{{item.GCCODE}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-random" style="color:#F79C34;"></div>
						<div style="margin-left: 5px;">管线长度：{{item.GXLENGTH}}km</div>
					</div>
					<div class="row2" v-if="item.GSLEN!=0&item.GSLEN!=null">
						<div style="margin-left: 19px;">给水管线：{{item.GSLEN}}km</div>
					</div>
					<div class="row2" v-if="item.PSLEN!=0&item.PSLEN!=null">
						<div style="margin-left: 19px;">排水管线：{{item.PSLEN}}km</div>
					</div>
					<div class="row2" v-if="item.RQLEN!=0&item.RQLEN!=null">
						<div style="margin-left: 19px;">燃气管线：{{item.RQLEN}}km</div>
					</div>
					<div class="row2" v-if="item.DXLEN!=0&item.DXLEN!=null">
						<div style="margin-left: 19px;">电信管线：{{item.DXLEN}}km</div>
					</div>
					<div class="row2" v-if="item.RLLEN!=0&item.RLLEN!=null">
						<div style="margin-left: 19px;">热力管线：{{item.RLLEN}}km</div>
					</div>
					<div class="row2" v-if="item.DLLEN!=0&item.DLLEN!=null">
						<div style="margin-left: 19px;">电力管线：{{item.DLLEN}}km</div>
					</div>
					<div class="row2" v-if="item.GYLEN!=0&item.GYLEN!=null">
						<div style="margin-left: 19px;">工业管线：{{item.GYLEN}}km</div>
					</div>
					<div class="row2" v-if="item.ZSLEN!=0&item.ZSLEN!=null">
						<div style="margin-left: 19px;">中水管线：{{item.ZSLEN}}km</div>
					</div>
					<div class="row2">
						<div class="fa fa-calendar" style="margin-right: 5px; color: #00A0E9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				<!--管线数据界面-->
				<div v-if="indexNum==3&&lineData.length!=0" class="zongbiao">
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a"></div>
							<div style="margin-left: 5px;">给水管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].GSLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.GSLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">排水管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].PSLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.PSLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">燃气管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].RQLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.RQLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">电信管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].DXLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.DXLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">热力管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].RLLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.RLLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">电力管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].DLLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.DLLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">工业管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].GYLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.GYLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">中水管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].ZSLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{zongBiaoTatal.ZSLEN}}km</div>
							</div>
						</div>
					</div>
				</div>
				<!--长输工业管线-->
				<div v-if="indexNum==4&&lineData.length!=0" class="gongye">
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">化工管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].HGLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{gongYeTotal.HGLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">油类管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].YLLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{gongYeTotal.YLLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">燃气管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].RQLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{gongYeTotal.RQLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">油气水管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].YSLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{gongYeTotal.YSLEN}}km</div>
							</div>
						</div>
					</div>
					<div class="statistics-line-item">
						<div class="row2">
							<div class="fa fa-file-text" style="color: #39ad2a;"></div>
							<div style="margin-left: 5px;">其他管线</div>
						</div>
						<div class="typeTotal">
							<div>当前：{{lineData[0].QTLEN}}km</div>
							<div class="typeSum">
								<div>总数：</div>
								<div>{{gongYeTotal.QTLEN}}km</div>
							</div>
						</div>
					</div>
				</div>
				<!--长输工业管线结束-->
				<div class="noData" v-if="lineData.length==0">暂无此类数据</div>
				<div class="statistics-line-noMore" v-if="noMore">没有更多数据了</div>
				<div class="weui-loadmore" v-if="loadMore">
					<i class="weui-loading"></i>
					<span class="weui-loadmore__tips">正在加载</span>
				</div>
			</div>
		</div>

		<div class="statistics-line-cart hidden">
			<div class="title">地下管线数据统计图</div>
			<div id="lineChart" class="needsclick"></div>
			<!--内部存放chart-->
		</div>
		<div class="statistics-line-tabbar">
			<div class="needsclick active">数据详情</div>
			<div class="needsclick">数据图</div>
		</div>
	</body>

	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<!--引入图表插件-->
	<script src="../js/hightcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/hightcharts/data.js" type="text/javascript" charset="utf-8"></script>

	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js.page/statistics/statisticsLine.js" type="text/javascript" charset="utf-8"></script>

</html>